<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>京东</title>
  <style>
    body {
      height: 3000px;
      background-color: rgb(235, 233, 233);
    }

    .swiper {
      /* --swiper-theme-color: #ff6600; */
      --swiper-pagination-color: #fff;
      /* 两种都可以 */
    }
  </style>
  <link rel="stylesheet" href="./css/index/reset.css">
  <link rel="stylesheet" href="./css/index/tabs.css">
  <link rel="stylesheet" href="./css/index/index.css">
  <link rel="stylesheet" href="./css/swiper-bundle.min.css">
  
</head>

<body>
  <!-- 头部 -->
  <header>
    <div class="header-nav">
      <div class="wrapper nav">
        <div class="nav-left">
          <ul>
            <li>
              <img src="./img/iconfont/定位.png" alt="">
              <a href="">浙江</a>
              <div class="nav-left-second">
                <div>
                  <span>北京</span>
                  <span>上海</span>
                  <span>天津</span>
                  <span>天津</span>
                  <span>河北</span>
                  <span>河南</span>
                  <span>辽宁</span>
                  <span>吉林</span>
                  <span>黑龙江</span>
                  <span>内蒙古</span>
                  <span>江苏</span>
                  <span>山东</span>
                  <span>安徽</span>
                  <span>浙江</span>
                  <span>福建</span>
                  <span>湖北</span>
                  <span>湖南</span>
                  <span>广东</span>
                  <span>广西</span>
                  <span>江西</span>
                  <span>四川</span>
                  <span>贵州</span>
                  <span>云南</span>
                  <span>西藏</span>
                  <span>陕西</span>
                  <span>甘肃</span>
                  <span>青海</span>
                  <span>宁夏</span>
                  <span>新疆</span>
                  <span>港澳</span>
                  <span>台湾</span>
                  <span>钓鱼岛</span>
                  <span>海外</span>
                </div>
              </div>
            </li>
          </ul>
        </div>
        <nav class="nav-right">
          <ul>
            <li>
              <p><a href="./login.html">你好,请登入</a></p>
              &nbsp; &nbsp;
              <a href="./reg.html" class="active">免费注册</a>
            </li>
            <span>|</span>
            <li>
              <p> <a href="">我的订单</a></p>
            </li>
            <span>|</span>
            <li class="my-jd">
              <p>
                <a href="">我的京东</a>
              </p>
              <div>
                <p>
                  <span>待处理订单</span>
                  <span>我的问答</span>
                  <span>返修退货</span>
                  <span>我的关注</span>
                  <span>降价商品</span>
                </p>
                <p>
                  <span>我的京东</span>
                  <span>我的优惠卷</span>
                  <span>我的白条</span>
                  <span>我的理财</span>
                </p>
              </div>
            </li>
            <span>|</span>
            <li>
              <p> <a href="">京东会员</a></p>
            </li>
            <span>|</span>
            <li class="qeb">
              <a href="" class="active">企业采购</a>
              <div>
                <p>
                  <span>企业购</span>
                  <span>公共频道</span>
                  <span>工业品</span>
                  <span>商用场景馆</span>
                  <span>礼品卡</span>
                  <span>企业微信购</span>
                  <span>工品优选</span>
                  <span>京东锦礼</span>
                  <span>大中型客户采购</span>
                </p>
              </div>
            </li>
            <span>|</span>
            <li class="service">
              <a href="">客户服务</a>
              <div>
                <dl>
                  <dt>客户</dt>
                  <dd>帮助中心</dd>
                  <dd>售后服务</dd>
                  <dd>在线客服</dd>
                  <dd>意见建议</dd>
                  <dd>电话客服</dd>
                  <dd>客服邮箱</dd>
                  <dd>金融咨询</dd>
                  <dd>全球售客服</dd>
                  <dd>企业客服</dd>
                </dl>
                <dl>
                  <dt>商户</dt>
                  <dd>帮助中心</dd>
                  <dd>售后服务</dd>
                  <dd>在线客服</dd>
                  <dd>意见建议</dd>
                  <dd>电话客服</dd>
                  <dd>客服邮箱</dd>
                </dl>
              </div>
            </li>
            <span>|</span>
            <li class="map">
              <a href="">网站导航</a>
              <div>
                <dl>
                  <dt>特色主题</dt>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                </dl>
                <dl>
                  <dt>特色主题</dt>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                </dl>
                <dl>
                  <dt>特色主题</dt>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                  <dd>新品首发</dd>
                  <dd>京东金融</dd>
                  <dd>全球售</dd>
                  <dd>国际站</dd>
                </dl>
              </div>
            </li>
            <span>|</span>
            <li class="phon-jd">
              <a href="">手机京东</a>
              <div>
                <ul>
                  <li>
                    <div class="box-img">
                      <img src="./img/header/erweima.png" alt="">
                    </div>
                    <div class="box-text">
                      <p>我的京东</p>
                      <p>新人专享大礼包</p>
                    </div>
                  </li>

                  <li>
                    <div class="box-img">
                      <img src="./img/header/erweima.png" alt="">
                    </div>
                    <div class="box-text">
                      <p>我的京东</p>
                      <p>新人专享大礼包</p>
                    </div>
                  </li>
                  <li>
                    <div class="box-img">
                      <img src="./img/header/erweima.png" alt="">
                    </div>
                    <div class="box-text">
                      <p>我的京东</p>
                      <p>新人专享大礼包</p>
                    </div>
                  </li>
                  <li>
                    <div class="box-img">
                      <img src="./img/header/erweima.png" alt="">
                    </div>
                    <div class="box-text">
                      <p>我的京东</p>
                      <p>新人专享大礼包</p>
                    </div>
                  </li>


                </ul>
              </div>
            </li>
            <span>|</span>
            <li>
              <p><a href="">网站无障碍</a></p>
            </li>
          </ul>
        </nav>
      </div>
    </div>
  </header>
  <!-- 搜索栏 -->
  <div class="search">
    <div class="wrapper">
      <div class="logo">
        <img src="./img/header/logo.jpg" alt="">
      </div>
      <div class="search-img">
        <img src="./img/header/logo-img.png" alt="">
      </div>
      <div class="search-main">
        <div class="search-top">
          <div class="search-box">
            <div class="box-input">
              <input type="text" placeholder="香奈儿香水">
              <i>
                <img src="./img/iconfont/相机.png" alt="">
              </i>
              <span>
                <img src="./img/iconfont/搜索框.png" alt="">
              </span>
            </div>
            <div class="box-shopping">
              <i><img src="./img/iconfont/购物车.png" alt=""></i>
              <span><a href="./shopping.html">我的购物车</a> </span>
            </div>
          </div>
          <div class="search-nav">
            <ul>
              <li>
                <a href="">京东新百货</a>
              </li>
              <li>
                <a href="">不止5折</a>
              </li>
              <li>
                <a href="">买1赠1</a>
              </li>
              <li>
                <a href="">电脑整机</a>
              </li>
              <li>
                <a href="">食用油</a>
              </li>
              <li>
                <a href="">京东京造</a>
              </li>
              <li>
                <a href="">8点秒杀</a>
              </li>
              <li>
                <a href="">手机618</a>
              </li>
              <li>
                <a href="">塞尔维亚</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="search-bottom">
          <ul>
            <li>
              <a href="" class="active">秒杀</a>
            </li>
            <li>
              <a href="" class=""> 优惠卷</a>
            </li>
            <li>
              <a href="">PLUS会员</a>
            </li>
            <li>
              <a href="">品牌闪购</a>
            </li>
            <li>
              <a href="">拍卖</a>
            </li>
            <li>
              <a href="">京东家电</a>
            </li>
            <li>
              <a href="">京东超市</a>
            </li>
            <li>
              <a href="">京东生鲜</a>
            </li>
            <li>
              <a href="">京东国际</a>
            </li>
            <li>
              <a href="">京东云</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- 轮播图 -->
  <div class="banner">
    <div class="wrapper">
      <div class="left-nav">
        <ul>
          <li>
            <a href="">家用电器</a>
            <div class="left-nav-second">
              <h4>家电馆</h4>
              <h4>开店设备</h4>
              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">手机/运营商/数码</a>
            <div class="left-nav-second">
              <h4>手机/运营商/数码</h4>
              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">电脑/办公</a>
            <div class="left-nav-second">
              <h4>电脑/办公</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">男装/女装/童装/内衣</a>
            <div class="left-nav-second">
              <h4>男装/女装/童装/内衣</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">美妆/个护清洁/宠物</a>
            <div class="left-nav-second">
              <h4>美妆/个护清洁/宠物</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">男鞋/运动/户外</a>
            <div class="left-nav-second">
              <h4>男鞋/运动/户外</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">房产/汽车/汽车用品</a>
            <div class="left-nav-second">
              <h4>房产/汽车/汽车用品</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">母婴/玩具乐器</a>
            <div class="left-nav-second">
              <h4>母婴/玩具乐器</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">食品/酒类/生鲜/特产</a>
            <div class="left-nav-second">
              <h4>食品/酒类/生鲜/特产</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">艺术/礼品鲜花/农资绿</a>
            <div class="left-nav-second">
              <h4>艺术/礼品鲜花/农资绿</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">医药保健/计生情趣</a>
            <div class="left-nav-second">
              <h4>医药保健/计生情趣</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">图书/文娱/教育/电子丰</a>
            <div class="left-nav-second">
              <h4>图书/文娱/教育/电子丰</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">机票/酒店/旅游/生活</a>
            <div class="left-nav-second">
              <h4>机票/酒店/旅游/生活</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">理财/众筹/白条/保险</a>
            <div class="left-nav-second">
              <h4>理财/众筹/白条/保险</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">安装/维修/清洗/二手</a>
            <div class="left-nav-second">
              <h4>安装/维修/清洗/二手</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
          <li>
            <a href="">工业品</a>
            <div class="left-nav-second">
              <h4>工业品</h4>

              <p>
                <span>电视</span>
                <span>全面屏电视</span>
                <span>教育电视</span>
                <span>OLED电视 </span>
                <span>智慧屏</span>
                <span>4K超清电视</span>
                <span>55英寸</span>
                <span> 65英电视配件</span>
              </p>
            </div>
          </li>
        </ul>
      </div>
      <div class="banner-big">
        <div class="box">
          <ul>
            <li>
              <img src="../src/img/banner/10001.jpg" alt="">
            </li>
            <li>
              <img src="../src/img/banner/10002.webp" alt="">
            </li>
            <li>
              <img src="../src/img/banner/10003.webp" alt="">
            </li>
            <li>
              <img src="../src/img/banner/10004.jpg" alt="">
            </li>
            <!-- <li>
              <img src="../src/img/banner/10001.jpg" alt="">
            </li> -->
          </ul>
          <ol>
          </ol>
          <div id="next">
            <p class="left">&lt;</p>
            <p class="right">&gt;</p>
          </div>
        </div>
      </div>
      <div class="banner-small">

        <div class="swiper mySwiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide " id="sw1">
              <img src="./img/banner/10295.webp" alt="">
              <img src="./img/banner/10296.webp" alt="">
              <img src="./img/banner/10297.webp" alt="">
            </div>
            <div class="swiper-slide " id="sw1">
              <img src="./img/banner/10295.webp" alt="">
              <img src="./img/banner/10296.webp" alt="">
              <img src="./img/banner/10297.webp" alt="">
            </div>
            <div class="swiper-slide " id="sw1">
              <img src="./img/banner/10295.webp" alt="">
              <img src="./img/banner/10296.webp" alt="">
              <img src="./img/banner/10297.webp" alt="">
            </div>
          </div>
          <div id="next" class="swiper-button-next " style="display: none;"></div>
          <div id="pre" class="swiper-button-prev " style="display: none;"></div>
        </div>
      </div>
      <div class="right-nav">
        <div class="right-nav-top">
          <div>
            <img src="./img/header/logo1.png" alt="">
            <p>
              <span>Hi~欢迎逛京东!</span>
              <br>
              <span>登入</span>
              <span>|</span>
              <span>注册</span>
            </p>
          </div>
          <div>
            <p>新人福利</p>
            <p>PLUS会员</p>
          </div>

        </div>
        <div class="right-nav-center">
          <div class="h-jd">
            <h4>京东快报</h4>
            <span>更多></span>
          </div>
          <ul>
            <li>
              <span>推荐</span>
              <p>过节送礼怎么选？丝路驼宝骆驼奶粉营养健康表达心意</p>
            </li>
            <li>
              <span>热议</span>
              <p>音画出众，TCL 55V6E 开启高品质生活</p>
            </li>
            <li>
              <span>HOT</span>
              <p>独树一帜的白色电竞显示器，ROG XG279Q-W吹雪</p>
            </li>
            <li>
              <span>热评</span>
              <p>12代酷睿的颜值搭档，华硕Z690-A吹雪主板体验</p>
            </li>

          </ul>
        </div>
        <div class="right-nav-bottom">
          <ul>
            <li>
              <div>
                <img src="./img/iconfont/10294.png" alt="">
                <p>话费</p>
              </div>
              <div>
                <img src="./img/iconfont/10292.png" alt="">
                <p>机票</p>
              </div>
              <div>
                <img src="./img/iconfont/10290.png" alt="">
                <p>酒店</p>
              </div>
            </li>
            <li>
              <div>
                <img src="./img/iconfont/10293.png" alt="">
                <p>游戏</p>
              </div>
              <div>
                <img src="./img/iconfont/10289.png" alt="">
                <p>加油卡</p>
              </div>
              <div>
                <img src="./img/iconfont/10288.png" alt="">
                <p>火车票</p>
              </div>
            </li>
            <li>
              <div>
                <img src="./img/iconfont/10287.png" alt="">
                <p>众筹</p>
              </div>
              <div>
                <img src="./img/iconfont/10286.png" alt="">
                <p>理财</p>
              </div>
              <div>
                <img src="./img/iconfont/10285.png" alt="">
                <p>白条</p>
              </div>
            </li>
            <li>
              <div>
                <img src="./img/iconfont/10442.png" alt="">
                <p>电影</p>
              </div>
              <div>
                <img src="./img/iconfont/10443.png" alt="">
                <p>企业购</p>
              </div>
              <div>
                <img src="./img/iconfont/10445.png" alt="">
                <p>礼品卡</p>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- 主体 -->
  <div class="main">
    <div class="main-box1">
      <div class="wrapper">
        <!-- 倒计时 -->
        <div class="main-box1-left">
          <h3>京东秒杀</h3>
          <p><span>14:00</span>点场 距结束</p>
          <div>
            <p>
              <span class="h">00</span>:
              <span class="m">00</span>:
              <span class="s">00</span>
            </p>
          </div>
        </div>
        <div class="main-box1-right">
          <div class="swiper mySwiper1">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="./img/main-box1/10047.webp" alt="">
                <p>华为二手机秒杀场</p>
                <p>全场直降330元</p>
                <p>品类秒杀</p>
              </div>
              <div class="swiper-slide">
                <img src="./img/main-box1/10049.webp" alt="">
                <p>华为二手机秒杀场</p>
                <p>全场直降330元</p>
                <p>品类秒杀</p>
              </div>
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
        <div class="main-box1-center">
          <div class="swiper mySwiper2">
            <div class="swiper-wrapper">
              <div class="swiper-slide " id="banner-main">
                <div>
                  <img src="./img/main-box1/10044.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1939</span>
                </div>
                <div>
                  <img src="./img/main-box1/10045.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1949</span>
                </div>

                <div>
                  <img src="./img/main-box1/10046.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1699</span>
                </div>
                <div>
                  <img src="./img/main-box1/10047.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1949</span>
                </div>

              </div>
              <div class="swiper-slide " id="banner-main">
                <div>
                  <img src="./img/main-box1/10048.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1939</span>
                </div>
                <div>
                  <img src="./img/main-box1/10049.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1949</span>
                </div>

                <div>
                  <img src="./img/main-box1/10050.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1699</span>
                </div>
                <div>
                  <img src="./img/main-box1/10051.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1949</span>
                </div>
              </div>
              <div class="swiper-slide " id="banner-main">
                <div>
                  <img src="./img/main-box1/10053.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1939</span>
                </div>
                <div>
                  <img src="./img/main-box1/10052.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1949</span>
                </div>

                <div>
                  <img src="./img/main-box1/10048.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1699</span>
                </div>
                <div>
                  <img src="./img/main-box1/10055.webp" alt="">
                  <p>T400 星芒莫桑石戒指女结婚925银开口戒纪念日生日礼物 一克拉 七夕情人节礼物送女友老婆</p>
                  <span>$1949</span>
                </div>
              </div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="main-box2">
      <div class="jd-618 wrapper">
        <ul>
          <li>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
          </li>
          <li>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
            <div>
              <div class="jd-618-img">
                <img src="./img/jd-618/10014.webp" alt="">
              </div>
              <div class="jd-618-text">
                <p>满299减50</p>
                <p>地方特产</p>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="main-box3">
      <div class="wrapper">
        <!-- 每日特价 -->
        <div class="skinlady" style="position: relative;">
          <div>
            <div>
              <h3>每日特价</h3>
              <p>></p>
            </div>
           
          </div>
          <!-- 选项卡2 -->
          <div >
            <div id="box2" class="box1-1">
              <ul class="menu">
                <li class="active">精选</li>
                <li>美食</li>
                <li>百货</li>
                <li>预告</li>
              </ul>
              <div class="display">
                
                <div class="div1">
                  <img src="./img/main-box3/10036.webp" alt="">
                  <p>榴莲蛋糕</p>
                  <span>￥79</span>
                </div>
                <div class="div2">
                  <div>
                   <div class="div2-img">
                    <img src="./img/main-box3/10037.webp" alt="">
                   </div>
                    <div class="div2-text">
                      <p>折叠雨伞黑胶防紫外线太阳伞</p>
                      <span>￥19.5</span>
                    </div>
                  </div>
                  <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10037.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                   <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10037.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                   <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10037.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                </div>
              </div>
              <div class="display">
                
                <div class="div1">
                  <img src="./img/main-box3/10037.webp" alt="">
                  <p>榴莲蛋糕</p>
                  <span>￥79</span>
                </div>
                <div class="div2">
                  <div>
                   <div class="div2-img">
                    <img src="./img/main-box3/10040.webp" alt="">
                   </div>
                    <div class="div2-text">
                      <p>折叠雨伞黑胶防紫外线太阳伞</p>
                      <span>￥19.5</span>
                    </div>
                  </div>
                  <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10040.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                   <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10037.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                   <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10037.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                </div>
              </div>
              <div class="display">
                
                <div class="div1">
                  <img src="./img/main-box3/10038.webp" alt="">
                  <p>榴莲蛋糕</p>
                  <span>￥79</span>
                </div>
                <div class="div2">
                  <div>
                   <div class="div2-img">
                    <img src="./img/main-box3/10038.webp" alt="">
                   </div>
                    <div class="div2-text">
                      <p>折叠雨伞黑胶防紫外线太阳伞</p>
                      <span>￥19.5</span>
                    </div>
                  </div>
                  <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10038.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                   <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10038.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                   <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10038.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                </div>
              </div>
              <div class="display">
                
                <div class="div1">
                  <img src="./img/main-box3/10039.webp" alt="">
                  <p>榴莲蛋糕</p>
                  <span>￥79</span>
                </div>
                <div class="div2">
                  <div>
                   <div class="div2-img">
                    <img src="./img/main-box3/10039.webp" alt="">
                   </div>
                    <div class="div2-text">
                      <p>折叠雨伞黑胶防紫外线太阳伞</p>
                      <span>￥19.5</span>
                    </div>
                  </div>
                  <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10039.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                   <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10039.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                   <div>
                    <div class="div2-img">
                     <img src="./img/main-box3/10039.webp" alt="">
                    </div>
                     <div class="div2-text">
                       <p>折叠雨伞黑胶防紫外线太阳伞</p>
                       <span>￥19.5</span>
                     </div>
                   </div>
                </div>
              </div>
            </div>
          
          </div>
        </div>
        <!-- 品牌闪购 -->
        <div class="brand">
          <div>
            <div>
              <h3>每日特价</h3>
              <p>></p>
            </div>
          </div>
          <div>
            <div>
              <p><img src="./img/main-box3/logo.webp" alt=""></p>
              <p>小米618特惠</p>
              <p>
                <span>至高闪降600元</span>
                <span>|</span>
                <span>仅剩</span>
                <span>倒计时</span>
              </p>
              <img src="./img/main-box3/logo-big.webp" alt="">
            </div>
            <ul>
              <li>
                <div>
                  <p>
                    <img src="./img/main-box3/10029.webp" alt="">
                  </p>
                  <p>威利默克品牌活动</p>
                </div>
                <div>
                  <p>
                    <img src="./img/main-box3/10029.webp" alt="">
                  </p>
                  <p>威利默克品牌活动</p>
                </div>
              </li>
              <li>
                <div>
                  <p>
                    <img src="./img/main-box3/10029.webp" alt="">
                  </p>
                  <p>威利默克品牌活动</p>
                </div>
                <div>
                  <p>
                    <img src="./img/main-box3/10029.webp" alt="">
                  </p>
                  <p>威利默克品牌活动</p>
                </div>
              </li>
              <li>
                <div>
                  <p>
                    <img src="./img/main-box3/10029.webp" alt="">
                  </p>
                  <p>威利默克品牌活动</p>
                </div>
                <div>
                  <p>
                    <img src="./img/main-box3/10029.webp" alt="">
                  </p>
                  <p>威利默克品牌活动</p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!--  横向滚动-->
    <div class="main-box4">
      <div class="wrapper">
        <div class="main-box4-left">
          <div>
            <p>探索新生活</p>
            <span>></span>
          </div>
        </div>
        <div class="main-box4-right">
          <ul>
            <li>
              <img src="./img/main-box4/yifu.jpg" alt="">
              <p>衣服</p>
            </li>
            <li>
              <p>裤子</p>
              <img src="./img/main-box4/kuzi.jpg" alt="">
            </li>
            <li>
              <img src="./img/main-box4/xiezi.jpg" alt="">
              <p>鞋子</p>
            </li>
            <li>
              <p>T恤</p>
              <img src="./img/main-box4/Txue.png" alt="">
            </li>
            <li>
              <img src="./img/main-box4/yifu.jpg" alt="">
              <p>衣服</p>
            </li>
            <li>
              <p>裤子</p>
              <img src="./img/main-box4/kuzi.jpg" alt="">
            </li>
            <li>
              <img src="./img/main-box4/xiezi.jpg" alt="">
              <p>鞋子</p>
            </li>
            <li>
              <p>T恤</p>
              <img src="./img/main-box4/Txue.png" alt="">
            </li>
            <li>
              <img src="./img/main-box4/yifu.jpg" alt="">
              <p>衣服</p>
            </li>
            <li>
              <p>裤子</p>
              <img src="./img/main-box4/kuzi.jpg" alt="">
            </li>
            <li>
              <img src="./img/main-box4/xiezi.jpg" alt="">
              <p>鞋子</p>
            </li>
            <li>
              <p>T恤</p>
              <img src="./img/main-box4/Txue.png" alt="">
            </li>
            <li>
              <img src="./img/main-box4/yifu.jpg" alt="">
              <p>衣服</p>
            </li>
            <li>
              <p>裤子</p>
              <img src="./img/main-box4/kuzi.jpg" alt="">
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="main-box5">
      <div class="wrapper">
        <div>
          <div>
            <h3>新品首发</h3>
            <i>></i>
          </div>
          <!-- 轮播图 -->
          <div class="box5-banner">
            <div class="swiper mySwiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <img src="./img/main-box1/10050.webp" alt="">
                  <p>美的电火锅hahahahhahahah</p>
                  <p>来这里发现更多</p>
                  <p>￥13456起</p>
                </div>
                <div class="swiper-slide">
                  <img src="./img/main-box1/10051.webp" alt="">
                  <p>美的电火锅hahahahhahahah</p>
                  <p>来这里发现更多</p>
                  <p>￥13456起</p>
                </div>
                <div class="swiper-slide">
                  <img src="./img/main-box1/10046.webp" alt="">
                  <p>美的电火锅hahahahhahahah</p>
                  <p>来这里发现更多</p>
                  <p>￥1356起</p>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>

          </div>
        </div>
        <div>
          <div>
            <h3>JOY寻宝</h3>
            <i>></i>
          </div>
          <div id="box3" class="box3">
            <ul class="menu">
              <li class="active">换个新机</li>
              <li>新机妙算</li>
              <li>手机控</li>
              <li>男神必备</li>
            </ul>
        
            <div class="display">
             
              <div style="display: flex; ">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10107.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;"> 努比亚 nubia 红魔7 Pro屏下游戏手机 12GB+128GB暗夜骑士 </p>
                 <span style="color: red; font-weight: 700;">￥4399</span>
                </div>
              </div>
              <div style="display: flex;">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10109.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;"> 努比亚 nubia 红魔7 Pro屏下游戏手机 12GB+128GB暗夜骑士 </p>
                 <span style="color: red; font-weight: 700;">￥4399</span>
                </div>
              </div>
              <div style="display: flex;">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10108.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;"> 努比亚 nubia 红魔7 Pro屏下游戏手机 12GB+128GB暗夜骑士 </p>
                 <span style="color: red; font-weight: 700;">￥4399</span>
                </div>
              </div>
            </div>
            <div>
             
              <div style="display: flex;">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10111.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;"> Beats Studio3 Wireless 录音师无线3 头戴式  </p>
                 <span style="color: red; font-weight: 700;">￥4299</span>
                </div>
              </div>
              <div style="display: flex;">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10112.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;">  Beats Studio3 Wireless 录音师无线3 头戴式 </p>
                 <span style="color: red; font-weight: 700;">￥4299</span>
                </div>
              </div>
              <div style="display: flex;">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10113.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;">  Beats Studio3 Wireless 录音师无线3 头戴式 </p>
                 <span style="color: red; font-weight: 700;">￥4299</span>
                </div>
              </div>
            </div>
            <div >
             
              <div style="display: flex;">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10114.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;"> JDRead 6英寸电子书阅读器 墨水屏平板电子书电纸书电子纸</p>
                 <span style="color: red; font-weight: 700;">￥4199</span>
                </div>
              </div>
              <div style="display: flex;">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10115.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;"> JDRead 6英寸电子书阅读器 墨水屏平板电子书电纸书电子纸 </p>
                 <span style="color: red; font-weight: 700;">￥4199</span>
                </div>
              </div>
              <div style="display: flex;">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10116.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;"> JDRead 6英寸电子书阅读器 墨水屏平板电子书电纸书电子纸 </p>
                 <span style="color: red; font-weight: 700;">￥4199</span>
                </div>
              </div>
            </div>
            <div >
             
              <div style="display: flex;">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10117.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;"> 泰拉蒙H95 甲醛数显 空气净化器家用去除甲醛细菌TVOC雾霾异味  </p>
                 <span style="color: red; font-weight: 700;">￥499</span>
                </div>
              </div>
              <div style="display: flex;">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10119.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;"> 泰拉蒙H95 甲醛数显 空气净化器家用去除甲醛细菌TVOC雾霾异味 </p>
                 <span style="color: red; font-weight: 700;">￥599</span>
                </div>
              </div>
              <div style="display: flex;">
                <div class="div3-img" style="margin-right: 10px;">
                  <img src="./img/main-box5/10118.webp" style="width: 80px ;height:75px;" alt="">
                </div>
                <div class="div3-text" >
                  <p style="width: 180px; height:60px;font-size:12px;padding-right: 15px;box-sizing: border-box;">泰拉蒙H95 甲醛数显 空气净化器家用去除甲醛细菌TVOC雾霾异味 </p>
                 <span style="color: red; font-weight: 700;">￥699</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="good">
          <div>
            <h3>逛好店</h3>
            <i>></i>
          </div>
          <div class="good-text">
            <div>
              <p>伊利牛奶京东自营旗舰店</p>
              <p>
                <span>自营</span>
                <span>吃货最爱</span>
              </p>
              <p>3758.4万关注</p>
            </div>
            <div>
              <img src="./img/main-box5/img-1.jpg" alt="">
            </div>
          </div>
          <div class="good-text">
            <div>
              <p>伊利牛奶京东自营旗舰店</p>
              <p>
                <span>自营</span>
                <span>吃货最爱</span>
              </p>
              <p>3758.4万关注</p>
            </div>
            <div>
              <img src="./img/main-box5/img-2.jpg" alt="">
            </div>
          </div>
        </div>
        <div class="good">
          <div>
            <h3>逛好店</h3>
            <i>></i>
          </div>
          <div class="good-text">
            <div>
              <p>伊利牛奶京东自营旗舰店</p>
              <p>
                <span>自营</span>
                <span>吃货最爱</span>
              </p>
              <p>3758.4万关注</p>
            </div>
            <div>
              <img src="./img/main-box5/img-1.jpg" alt="">
            </div>
          </div>
          <div class="good-text">
            <div>
              <p>伊利牛奶京东自营旗舰店</p>
              <p>
                <span>自营</span>
                <span>吃货最爱</span>
              </p>
              <p>3758.4万关注</p>
            </div>
            <div>
              <img src="./img/main-box5/img-2.jpg" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 频道广场 -->
    <div class="channel">
      <div class="wrapper">
        <div class="channel-h3">
          <span class="befo"></span>
          <h3>频道广场</h3>
          <span class="after"></span>
        </div>
        <div class="parent">
          <div class="div1">
            <img src="./img/channel/channel-1.jpg" alt="">
          </div>
          <div class="div2">
            <img src="./img/channel/channel-2.jpg" alt="">

          </div>
          <div class="div3">
            <p>
              <a href="">智能数码</a>
              <a href="">尽享玩物</a>
            </p>
            <p>
              <img src="./img/channel/10061.webp" alt="">
              <img src="./img/channel/10068.webp" alt="">
            </p>
          </div>
          <div class="div4">
            <p>
              <a href="">家装城</a>
              <a href="">用心装好家一站式购齐</a>
            </p>
            <p>
              <img src="./img/channel/10062.webp" alt="">
              <img src="./img/channel/10063.webp" alt="">
            </p>
          </div>
          <div class="div5">
            <p>
              <a href="">拍拍二手</a>
              <a href="">大牌1元抢</a>
            </p>
            <p>
              <img src="./img/channel/10064.webp" alt="">
              <img src="./img/channel/10065.webp" alt="">
            </p>
          </div>
          <div class="div6">
            <p>
              <a href="">企业购</a>
              <a href="">站式企业采购平台</a>
            </p>
            <p>
              <img src="./img/channel/10070.webp" alt="">
              <img src="./img/channel/10071.webp" alt="">
            </p>
          </div>
          <div class="div7">
            <p>
              <a href="">京东超市</a>
              <a href="">站式囤生活好物</a>
            </p>
            <p>
              <img src="./img/channel/10072.webp" alt="">
              <img src="./img/channel/10073.webp" alt="">
            </p>
          </div>
          <div class="div8">
            <p>
              <a href="">电脑办公</a>
              <a href="">科技潮物享不停</a>
            </p>
            <p>
              <img src="./img/channel/10074.webp" alt="">
              <img src="./img/channel/10075.webp" alt="">
            </p>
          </div>
          <div class="div9">
            <p>
              <a href="">大药房购</a>
              <a href="">正品药免费换新</a>
            </p>
            <p>
              <img src="./img/channel/10076.webp" alt="">
              <img src="./img/channel/10077.webp" alt="">
            </p>
          </div>
          <div class="div10">
            <p>
              <a href="">Joy寻宝</a>
              <a href="">懂你的Joy</a>
            </p>
            <p>
              <img src="./img/channel/10078.webp" alt="">
              <img src="./img/channel/10079.webp" alt="">
            </p>
          </div>
          <div class="div11">
            <p>
              <a href="">京东手机</a>
              <a href="">一个极喜的诞生</a>
            </p>
            <p>
              <img src="./img/channel/10080.webp" alt="">
              <img src="./img/channel/10085.webp" alt="">
            </p>
          </div>
          <div class="div12">
            <p>
              <a href="">京东时尚</a>
              <a href="">服饰美妆好物</a>
            </p>
            <p>
              <img src="./img/channel/10082.webp" alt="">
              <img src="./img/channel/10083.webp" alt="">
            </p>
          </div>
          <div class="div13">
            <p>
              <a href="">京东美妆</a>
              <a href="">京东美妆懂你的美</a>
            </p>
            <p>
              <img src="./img/channel/10084.webp" alt="">
              <img src="./img/channel/10085.webp" alt="">
            </p>
          </div>
          <div class="div14">
            <p>
              <a href="">新机发布</a>
              <a href="">有新机更有范</a>
            </p>
            <p>
              <img src="./img/channel/10088.webp" alt="">
              <img src="./img/channel/10089.webp" alt="">
            </p>
          </div>
          <div class="div15">
            <p>
              <a href="">生鲜馆</a>
              <a href="">尝遍天下鲜</a>
            </p>
            <p>
              <img src="./img/channel/10090.webp" alt="">
              <img src="./img/channel/10091.webp" alt="">
            </p>
          </div>
          <div class="div16">
            <p>
              <a href="">家用电器</a>
              <a href="">买家电 上京东</a>
            </p>
            <p>
              <img src="./img/channel/10092.webp" alt="">
              <img src="./img/channel/10093.webp" alt="">
            </p>
          </div>
          <div class="div17">
            <p>
              <a href="">厨卫电器</a>
              <a href="">百变厨房大焕新</a>
            </p>
            <p>
              <img src="./img/channel/10094.webp" alt="">
              <img src="./img/channel/10095.webp" alt="">
            </p>
          </div>
          <div class="div18">
            <p>
              <a href="">智能数码</a>
              <a href="">尽享玩物</a>
            </p>
            <p>
              <img src="./img/channel/10061.webp" alt="">
              <img src="./img/channel/10068.webp" alt="">
            </p>
          </div>
        </div>
      </div>
    </div>

    <!-- 为你推荐 -->
    <h2>为你推荐</h2>
    <div class="wrapper">
      <div class="recommend" style="display:flex ;">
        <div class="conter recommend-conter">
          <ul>
            <li class="action">
              <div>精选</div>
              <p>猜你喜欢</p>
              <i></i>
            </li>
            <li class="">
              <div>智能先锋</div>
              <p>大电器城</p>
              <i></i>
            </li>
            <li class="">
              <div>居家优品</div>
              <p>品质生活</p>
              <i></i>
            </li>
            <li class="">
              <div>超市百货</div>
              <p>百货生鲜</p>
              <i></i>
            </li>
            <li class="">
              <div>时尚达人</div>
              <p>美妆穿搭</p>
              <i></i>
            </li>
            <li class="">
              <div>进口好物</div>
              <p>京东国际</p>
              <i></i>
            </li>
          </ul>

          <div class="contentbox display" id="c">

          </div>

        </div>
      </div>
    </div>
  </div>
  <!-- 底部 -->
  <footer class="footer">
    <div class="footer-1">
      <ul>
        <li>
          <div>
            <p></p>
            <p>品类齐全，轻松购物</p>
          </div>
        </li>
        <li>
          <div>
            <p></p>
            <p>品类齐全，轻松购物</p>
          </div>
        </li>
        <li>
          <div>
            <p></p>
            <p>品类齐全，轻松购物</p>
          </div>
        </li>
        <li>
          <div>
            <p></p>
            <p>品类齐全，轻松购物</p>
          </div>
        </li>
      </ul>
    </div>

    <div class="footer-2">
      <div class="footer-dl wrapper ">
        <dl>
          <dt>购物指南</dt>
          <dd>购物流程</dd>
          <dd>会员介绍</dd>
          <dd>常见问题</dd>
          <dd>生活旅行</dd>
          <dd>大家电</dd>
          <dd>联系存服</dd>
        </dl>
        <dl>
          <dt>配送方式</dt>
          <dd>上门自提</dd>
          <dd>211限时达</dd>
          <dd>配送服务查询</dd>
          <dd>配送费收取标准</dd>
          <dd>海外配送</dd>

        </dl>
        <dl>
          <dt>支付方式</dt>
          <dd>货到付款</dd>
          <dd>在线支付</dd>
          <dd>分期付款</dd>
          <dd>公司转账</dd>

        </dl>
        <dl>
          <dt>售后服务</dt>
          <dd>售后政策</dd>
          <dd>价格保护</dd>
          <dd>退款说明</dd>
          <dd>返修/退换货</dd>
          <dd>取消订单</dd>

        </dl>
        <dl>
          <dt>特色服务</dt>
          <dd>特色服务</dd>
          <dd>DIY装机</dd>
          <dd>延保服务</dd>
          <dd>京东E卡</dd>
          <dd>京东通信</dd>
          <dd>京鱼座智能</dd>
        </dl>
        <dl class="last">
          <dt>京东自营覆盖区县</dt>
          <dd>
            京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。
          </dd>
          <dd>查看详情></dd>
        </dl>
      </div>
    </div>
    <div class="wrapper footer-3 ">
      <p>
        <a href="">关于我们</a>
        <span>|</span>
        <a href="">联系我们</a>
        <span>|</span>
        <a href="">联系客服</a>
        <span>|</span>
        <a href="">合作招商</a>
        <span>|</span>
        <a href="">商家帮助</a>
        <span>|</span>
        <a href="">营销中心</a>
        <span>|</span>
        <a href="">手机京东</a>
        <span>|</span>
        <a href="">友情链接</a>
        <span>|</span>
        <a href="">销售联盟</a>
        <span>|</span>
        <a href=""> 京东社区</a>
        <span>|</span>
        <a href="">风险监测</a>
        <span>|</span>
        <a href=""> 隐私政策</a>
        <span>|</span>
        <a href="">京东公益</a>
        <span>|</span>
        <a href=""> English Site</a>
        <span>|</span>
        <a href="">Media & IR</a>
      </p>
      <p>
        <a href="">京公网安备0100002000088号</a>
        <span>|</span>
        <a href="">京ICP备11041704号</a>
        <span>|</span>
        <a href="">ICP</a>
        <span>|</span>
        <a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
        <span>|</span>
        <a href="">新出发京零 字第大120007号</a>

      </p>
      <p>
        <a href="">互联网出版许可证编号新出网证(京)字150号</a>
        <span>|</span>
        <a href="">出版物经营许可证</a>
        <span>|</span>
        <a href="">网络文化经营许可证京网文[2020]6112-1201号 </a>
        <span>|</span>
        <a href="">违法和不良信息举报电话：4006561155</a>
      </p>
      <p>
        <a href="">Copyright © 2004 - 2022 京东JD.com 版权所有</a>
        <span>|</span>
        <a href="">消费者维权热线: 40060677331经营证照</a>
        <span>|</span>
        <a href="">(京)网械平台备字(2018)第00003号</a>
        <span>|</span>
        <a href="">营业执照</a>
        <span>|</span>
        <a href="">增值电信业务经营许可证</a>
      </p>
      <p>
        <span class="span-img"></span>
        <a href="">Global Site</a>
        <span>|</span>
        <span class="span-img"></span>
        <a href="">CanT Pocchn</a>
        <span>|</span>
        <span class="span-img"></span>
        <a href="">Situs Indonesia</a>
        <span>|</span>
        <span class="span-img"></span>
        <a href="">Sitio de Espana</a>
        <span>|</span>
        <span class="span-img"></span>
        <a href="">เว็บไซต์ประเทศไทย</a>
      </p>
      <p>
        <a href="">京东旗下网站: &nbsp; 京东钱包</a>
        <span>|</span>
        <a href="">京东云</a>
        <span>|</span>
        <a href="">网络内容从业人员违法违规行为举报电话：4006561155-3</a>
      </p>
      <p>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
      </p>
    </div>
  </footer>
</body>

</html>
<script src="./styles/banner/banner-big.js"></script>
<script src="./js/swiper-bundle.esm.browser.js" type="module"></script>
<script src="./js/index.js" type="module"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/lib/tabs.jquery.js"></script>
<script>
  $(function () {
    $('#box1').tabs();
    $('#box2').tabs({ ev: 'mouseover' });
    $('#box3').tabs({ ev: 'mouseover' });

  });
</script>